<%--
  Created by IntelliJ IDEA.
  User: 86181
  Date: 2022/11/2
  Time: 19:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>制定安全出库配置单</title>
</head>
<body>
        <div class="container" style="height:400px">
            <div id="toolbarfilestack" class="col-lg-6 col-md-offset-2">
                <div class="input-group">
                    <input type="text" class="form-control" id="fileproductname" placeholder="请输入要查询的产品">
                    <span class="input-group-btn">
                     <button class="btn btn-primary" onclick="queryByFilestack()">查询</button>
                     </span>
                </div>
             </div>
            <table id="filestock" >

            </table>

            <!--制定安全库存模态框-->
            <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="filestackmodal">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content" id="filestockzhd">

                    </div>
                </div>
            </div>
        </div>
        <script>
            $("#filestock").bootstrapTable({
                url:"queryByFileStock.action",
                method:'get',                      //请求方式（*）
                contentType: "application/x-www-form-urlencoded", //如果用tomcat就要写这个
                toolbar:"#toolbarfilestack ",//工具按件用那个容器
                striped: true,//是否显示隔行变色
                cache: false,//是否缓存
                pagination: true,//是否显示分页
                sortable: true,//是否显示排序
                sortOrder: "aso",//排序方式
                sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,//初始化加载第一页，默认第一页,并记录
                pageSize: 5,//每页记录数
                pageList: [5, 10, 15, 20],//可供选择的每页的行数（*）
                search: false,//是否显示输入框
                strictSearch: true,
                showColumns: true,//是否显示所有的列（选择显示的列）
                showRefresh: true,//是否显示刷新按钮
                minimumCountColumns: 2,//最少允许的列数
                clickToSelect: true,//是否启用点击选中行
                uniqueId: "menuid",//每一行的唯一标识，一般为主键列
                showToggle: true,//是否显示详细视图和列表视图的切换按钮
                cardView: false,//是否显示详细视图
                detailView: false,//是否显示父子表
                //获取查询到的参数
                queryParams: function (params) {
                    var menu={
                     pagesize:params.limit,
                     pageno:(params.offset/params.limit)+1,
                     sort:params.sort,
                     sortOrder:params.sort,
                     productname:$("#fileproductname").val()
                    }
                    return menu
                },
                columns:[
                    {
                        field:"productid",
                        title:"产品号",
                    },
                    {
                        field:'productname',
                        title:'产品名称',
                    },{
                        field:"type",
                        title:"用途类型",
                        formatter:function (value,row,index) {
                            if(row.type=="Y001-1"){
                                return "商品"
                            }
                            if(row.type=="Y001-2"){
                                return "物料"
                            }
                        }
                    },{
                        field:"productclass",
                        title:"档次级别",
                        formatter:function (value,row,index) {
                            if(row.productclass=="D001-1"){
                                return "高档"
                            }
                            if(row.productclass=="D001-2"){
                                return "中档"
                            }
                            if(row.productclass=="D001-3"){
                                return "低档"
                            }
                        }
                    },{
                        field:"firstkindname",
                        title:"|级分类",
                    },{
                        field:"secondkindname",
                        title:"||级分类",
                    },{
                        field:"thirdkindname",
                        title:"|||级分类",
                    },{
                        field:"",
                        title:"制定",
                        formatter:function (value,row,index) {
                            return "<input type='button' value='制定' onclick='showfilestockmodal("+row.id+")' class='btn btn-success'>"
                        }
                    }
                    ]

            })
            //查询刷新
            function queryByFilestack() {
                $("#filestock").bootstrapTable("refresh")
            }
            //点击制定显示模态框
            function showfilestockmodal(id) {
                $("#filestockzhd").load("filestackmodal.jsp",{id:id})
                $("#filestackmodal").modal("show")
               /* $("#filestackmodal").modal({
                    remote:"filestackmodal.jsp?id="+id
                })*/
            }
        </script>
</body>
</html>
